// 对 vue 的全局指令，进行封装

// 封装中间件函数插件
const directiveObj = {
  install (Vue) {
    Vue.directive('focus', {
      // 指令所在标签，被插入真实 DOM 时触发
      inserted (el) {
        if (el.nodeName !== 'INPUT' && el.nodeName !== 'TEXTAREA') {
          const theInput = el.querySelector('input') || el.querySelector('textarea')
          return theInput.focus()
        }
        el.focus()
      },
      // 指令所在标签，被更新时触发
      update (el) {
        if (el.nodeName !== 'INPUT' && el.nodeName !== 'TEXTAREA') {
          const theInput = el.querySelector('input') || el.querySelector('textarea')
          return theInput.focus()
        }
      }
    })
  }
}
export default directiveObj
